<template>
  <div>
    <div class="container">
      <div class="hot_search">
        <span class="hot_position">热门职位</span>
        <a href="#">Java</a>
        <a href="#">PHP</a>
        <a href="#">web前端</a>
        <a href="#">iOS</a>
        <a href="#">Android</a>
        <a href="#">产品经理</a>
        <a href="#">产品运营</a>
        <a href="#">UI设计师</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HotSearch',
  data () {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.hot_search {
  padding: 15px 150px;;

  .hot_position {
    margin-right: 18px;
    color: #9fa3b0;
    font-weight: 400;
  }

  a {
    font-size: 14px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding-right: 22px;
    color: #00c2b3;
  }
}
</style>
